<template>
  <div class="common-header">
    <back-ward></back-ward>
    <span class="title">{{ title }}</span>
  </div>
</template>

<script>
import BackWard from './Sub/BackWard.vue'
export default {
  name: 'CommonHeader',
  props: {
    title: {
      type: String,
      default () {
        return '一线生活通'
      }
    }
  },
  components: {
    BackWard,
  },
}
</script>

<style lang="scss" scoped>
@import '@/assets/style/mixins.scss';
@import '@/assets/style/variables.scss';
.common-header {
  position: relative;
  width: 100%;
  height: $headerHeight;
  background-color: $defaultBgColor;
  @include flex-row;
  @include vh-center;
  .title {
    font-size: .16rem;
    font-weight: 600;
    color: #333;
  }
}
</style>